:global {
  .basic-layout {
    display: flex;
    .header {
      width: 100%;
      height: 50px;
      background: black;
      position: relative;
    //   display: flex;

      .logo {
        // width: 87.42px;
        height: 36px;
        margin: 6px 15px;
      }
      .menus {
        width: calc(100% - 150px);
        height: 100%;
        display: inline-block;
        vertical-align: top;

        .ant-menu-item {
          height: 100%;
          line-height: 50px;
        }
      }
      .right {
        position: absolute;
        right: 10px;
        top: 25%;

        a {
          color: #fff;
        }
      }
    }

    .content {
      height: calc(100vh - 120px);
      overflow: auto;
      display: flex;
      flex-flow: inherit;
    }

    .footer {
      text-align: center;
      color: #bbb;
    }
  }
}
